<template>
  <div id="scoreInformation">
    <el-table :data="data.list" border style="width: 100%">
      <el-table-column prop="commit_time" label="约考时间" show-overflow-tooltip align="center"></el-table-column>
      <el-table-column prop="subject" label="约考科目" align="center"></el-table-column>
      <el-table-column prop="car_type" label="约考车型" align="center"></el-table-column>
      <el-table-column prop="exam_time" label="考试时间" show-overflow-tooltip align="center"></el-table-column>
      <el-table-column prop="exam_session" label="考试场次" align="center"></el-table-column>
      <el-table-column prop="exam_place_id" label="考试地点" width="200" show-overflow-tooltip align="center"></el-table-column>
    </el-table>
    <el-row>
      <el-col :span="24" class="pagination">
        <!-- 翻页 -->
        <el-pagination class="fr" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="data.page.page"
          :page-sizes="[8]" :page-size="8" background layout="total, sizes, prev, pager, next" :total="data.page.total"></el-pagination>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        //成绩记录页码
        rpage: 1,
        //成绩记录一页多少数据
        rtotal: 5,
      }
    },
    props: {
      data: {
        type: Object,
        default: () => {
          return {}
        }
      },
      getrecordList: {
        type: Function,
        default: () => {
          return {}
        }
      }

    },
    methods: {
      //一页多少数据翻页
      handleSizeChange(val) {
        this.rtotal = val
        //this.getrecordList()
        this.$emit('getrecordList', val)
      },
      handleCurrentChange(val) {
        this.rpage = val
        //this.getrecordList()
        this.$emit('getrecordList', val)
      },
    }



  }
</script>

<style scoped lang='scss'>


</style>
